<template>
	<div class="gooddeesc_div">
		<div style="height: 5.3333rem;">
			<img :src="prop_data_goodInfo.masterImg" alt="" style="width: 100%;height: 100%;">
		</div>
		<div class="gooddescInfo_div">
			<p class="gooddescInfo_name">{{prop_data_goodInfo.name1}}</p>
			<p style="overflow: hidden; margin-top: 0.4rem;">
				<span class="fl price_sapn">￥{{prop_data_goodInfo.malMobilePrice}}</span>
				<span class="fr goumai_span">399人购买</span>
			</p>
			<p class="tl gooddescInfo_tip">{{prop_data_goodAllData.product_desc}}||{{prop_data_goodAllData.carriage_dubt}}</p>
		</div>
		<div class="choose_div" v-if="prop_data_goodInfo.isNorm != 1">
			请选择规格
			<span class="icon-arrsR" style="color:red;" @click="showChoose"></span>
		</div>
		<goodType-com :goodTypeShow="show_false" :goodTypeNorms="prop_data_goodDefault" v-on:listen="showMsg" ></goodType-com>
	</div>
</template>
<script>
	import goodType from './goodType.vue'
	export default{
		name:'gooddeesc',
		data(){
			return {
				show_false:false,
				
			}
		},
		components:{
			"goodType-com":goodType,
		},
		props:[
			'msg',
			//'prop_data_goodInfo',
		],
		computed:{
			prop_data_goodAllData(){
				if(this.$store.state.goods.data_goodAllData == undefined){
					return false;
				}
				return this.$store.state.goods.data_goodAllData;
			},
			prop_data_goodInfo(){
				if(this.$store.state.goods.data_goodInfo == undefined){
					return false;
				}
				return this.$store.state.goods.data_goodInfo;
			},
			//默认货品
			prop_data_goodDefault(){
				if(this.$store.state.goods.data_goodDefault == undefined){
					return false;
				}
				return this.$store.state.goods.data_goodDefault;
			}
		},
		methods:{
			showMsg(state){
				this.show_false = state;

			},
			showChoose:function(){
				this.show_false = true;
			},
			
		},
		mounted:function(){
			this.prop_data_goodInfo
		},
		watch:{
			//"$route": "getGoodInfo" 
		}


	}
</script>
<style rel="stylesheet" lang="scss" scoped>
	.gooddescInfo_div{
		height: 3.4667rem;
		box-sizing: border-box;
		padding: 0.4rem;
		position: relative;
		background-color: #FFF;
		margin-bottom: 0.2667rem;
		.price_sapn{
			font-size: 0.5333rem;
		    line-height: 0.5333rem;
			height: 0.5333rem;
		    letter-spacing: 0.0053rem;
		    color: #FF8848;
		}
		.goumai_span{
			font-size: 0.32rem;
			color: #A9A9A9;
		}
	}
	.gooddescInfo_name{
		text-align: left;
		height: 0.6667rem;
		line-height: 0.6667rem;
		font-size: 0.4533rem;
		color: #030303;
		letter-spacing: 1px;
	}
	.gooddescInfo_tip{
		position: absolute;
	    bottom: 0.4rem;
	    font-size: 12px;
	    color: #888888;
	    letter-spacing: 0.2px;
	}
	.choose_div{
		padding: 0 0.4rem;
		height: 1.2rem;
		line-height: 1.2rem;
		background-color: #FFF;
		font-family: PingFangSC-Regular;
		font-size: 0.4rem;
		color: #333333;
		margin-bottom: 0.2667rem;
	}
	.choose_div{
		position: relative;
	}
	.choose_div .icon-arrsR{
		position: absolute;
		width: 1.2rem;
		height: 1.2rem;
		line-height: 1.2rem !important;
		text-align: right;
		right: 0.4rem;
	}
</style>
